<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>

<!--主要样式-->
<link rel="stylesheet" type="text/css" href="/artmanage/css/style.css" />
<!--图标样式-->
<link rel="stylesheet" type="text/css" href="/artmanage/css/icon.css" />
	<script src="/artmanage/js/jquery.min.js"></script>
<script src="js/newsindex.js"></script>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

<body>

<!--
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
-->


<div class="section section-news" id="section-news">
	<div class="section-title">
		<h1>新闻动态</h1>
		<h2>军事前沿、世界趋势，24小时更新不停</h2>
	</div>
	<div class="section-wrapper">
		<div class="news-body">
			<div class="news-main">
				<span class="news-main-card" href="#">
					<div class="news-main-card-bg" style="background-image: url(images/homepage-news-img.jpg)"></div>
					<div class="news-main-card-bg news-main-card-bg-mb" style="background-image: url(images/homepage-news-img-mb.jpg)"></div>
					<div class="news-main-card-top">
						<div class="news-play-btn">
							<span class="cui-icon cui-icon-play"></span>
						</div>
					</div>
					<div class="news-main-card-bottom">
						<h2 class="h2">新闻动态</h2>
						<p class="p">军事前沿、世界趋势，24小时更新不停</p>


					</div>
				</span>
			</div>
			<div class="news-sub">

				<ul class="news-list-v show">

					<li>
						<a href="#" class="news-list-card">
							<h3 class="h3">浅谈服务化和微服务化</h3>
							<p class="p">微服务是近期非常热门的话题，芸芸众生言必谈微服务。</p>
							<span class="more">查看详情<i class="cui-icon cui-icon-more"></i></span>
						</a>
					</li>



				</ul>


			</div>
		</div>
	</div>
	<div class="section-bottom">
		<div class="section-more-wrap">

			<a class="news-change">
				<span>换一换</span>
			</a>
			<a class="news-more" href="newsindex.html">
				<span>已经到头了，返回第一页吧</span><i class="cui-icon cui-icon-more"></i>
			</a>
		</div>
	</div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" >
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title text-center" id="myModalLabel" style="text-align: center">
					模态框（Modal）标题
				</h4>
				<div class="text-center" style="margin-top: 1%" id="time">2017-12-9</div>
				<div class="well well-lg"  > <span id="text"></span></div>
				<div class="text-right">
					<button type="button" class="btn btn-success" data-dismiss="modal">关闭
					</button>
				</div>
			</div>

		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
</div>


</body>

</html>